<#function dashedToCamel(s)>
  <#return s
  ?replace('(^_+)|(_+$)', '', 'r')
  ?replace('\\_+(\\w)?', ' $1', 'r')
  ?replace('([A-Z])', ' $1', 'r')
  ?capitalize
  ?replace(' ' , '')
  ?uncap_first
  >
</#function>
<template>
  <el-container >
    <el-aside style="width:380px; background-color: white">
      <tree v-model="row" :isModule="true"></tree>
    </el-aside>
    <el-container>
      <el-main>
        <list :parentRow="row" style="padding: 0px;"/>
      </el-main>
    </el-container>
  </el-container>
</template>
<script>
<#if cfg.cfgJson.asideTree?? && cfg.cfgJson.asideTree.enable == true
    && cfg.cfgJson.asideTree.fatherTableName?? && cfg.cfgJson.asideTree.fatherTableName!=''>
import Tree from '../${dashedToCamel(cfg.cfgJson.asideTree.fatherTableName)}/tree.vue'
<#else >
import Tree from './tree.vue'
</#if>
<#if cfg.cfgJson.asideTree?? && cfg.cfgJson.asideTree.enable == true
    && cfg.cfgJson.asideTree.sonTableName?? && cfg.cfgJson.asideTree.sonTableName!=''>
import List from '../${dashedToCamel(cfg.cfgJson.asideTree.sonTableName)}/complex-list-line-edit.vue'
<#else >
import List from './complex-list.vue'
</#if>

export default {
    name: '${table.entityName}-AsideTree',
    components: {Tree, List},
    data() {
        return {
          row: {}
        }
    }
}
</script>
<style>
</style>
